<div id="contenedor" class="container"> 
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b><?php echo $cantidadCompras ?> compras encontradas</b></li>
            </ul>
        </div>
    </div>
    <div id="buscarVentas"  class="row-fluid">
        <div class="spa10">
            <div class="span2">
                Categorias:
                <select id="selectCategoria" class="input-block-level criterio">
                    <option value="">Todo</option>
                    <?php foreach ($categorias as $categoria) { ?>
                        <option value="<?php echo $categoria->id_categoria_producto ?>" <?php if (!empty($_GET["categoria"]) && $_GET["categoria"] == $categoria->id_categoria_producto) echo "selected"; ?>><?php echo $categoria->nombre ?></option>
                    <?php } ?>
                </select>
            </div>
            <div class="span2">
                Productos:
                <select id="selectProducto" class="input-block-level criterio" data-valor="<?php if (!empty($_GET["producto"])) echo $_GET["producto"]; ?>" <?php if (!isset($productos)) echo"disabled"; ?>>
                    <?php
                    if (isset($productos)) {
                        echo "<option value=''>Todo</option>";
                        foreach ($productos as $producto) {
                            ?>
                            <option value="<?php echo $producto->id_servicio ?>" <?php if (!empty($_GET["producto"]) && $_GET["producto"] == $producto->id_servicio) echo "selected"; ?>><?php echo $producto->nombre ?></option>
                            <?php
                        }
                    }
                    ?>
                </select>
            </div>
            <div class="span2">
                Desde:
                <input id="desde" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"> 
            </div>
            <div class="span2">
                Hasta:
                <input id="hasta" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"> 
            </div>
            <div class="span2">
                Usuario:
                <select id="usuario" class="input-block-level">
                    <option value="">Todos</option>
                    <?php foreach ($usuarios as $row): ?>
                        <option value="<?= $row->id_usuario ?>" <?php if (!empty($_GET["usuario"]) && $_GET["usuario"] == $row->id_usuario) echo "selected"; ?>><?= $row->nombre_completo ?></option>
                    <?php endforeach; ?>
                </select>
            </div>
        </div>
        <div class="span2">
            <div class="row-fluid">
                <div class="span4">
                    <br>
                    <button title="Buscar" id="botonBuscarVentas" type="submit" class="btn btn-inverse pull-right"><i class="icon-search icon-white"></i></button>
                </div>
                <div class="span4">
                    <br>
                    <a  title="Limpiar formulario" href="historialCompras" class="btn btn-primary pull-right"><i class="icon-refresh icon-white"></i></a>
                </div>
                <div class="span4">
                    <br>
                    <button id="crearCompra" title="Registrar una compra"  class="btn btn-primary pull-right"><i class="icon-plus icon-white"></i></button>
                </div>
            </div>
        </div>

    </div>
    <div class="row-fluid">   
        <table id="tablaCompras" class="table table-hover">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Categoria</th>  
                    <th>Producto</th>   
                    <th>Cantidad</th>
                    <th>Total</th>
                    <th>Forma de pago</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>
                <?php
                foreach ($compras as $compra) {
                    ?>
                    <tr>
                        <td><?php echo $compra->fecha; ?></td>
                        <td><?php echo $compra->nombre_categoria; ?></td>
                        <td><?php echo $compra->nombre_producto; ?></td>
                        <td><?php echo $compra->cantidad; ?></td>
                        <td><?php echo $moneda . " " . number_format($compra->total_compra, 2, ".", ","); ?></td>
                        <td><?php echo $compra->modo_pago; ?></td>
                        <td class="anchoCeldaOpcionesVentas"> 
                            <button id="botonVerMas<?php echo $compra->id_compra; ?>" class="botonVerMas btn btn-mini btn-primary"
                                    data-idcompra="<?php echo $compra->id_compra; ?>"
                                    data-fecha="<?php echo $compra->fecha; ?>"
                                    data-usuario="<?php echo $compra->nombre_completo; ?>"
                                    data-nombrecategoria="<?php echo $compra->nombre_categoria; ?>"
                                    data-nombreproducto="<?php echo $compra->nombre_producto; ?>"
                                    data-costounitario="<?php echo $compra->nombre_producto; ?>"
                                    data-cantidad="<?php echo $compra->cantidad; ?>"
                                    data-subtotal="<?php echo $compra->total_compra - $compra->impuesto; ?>"
                                    data-impuestos="<?php echo $compra->impuesto; ?>"
                                    data-total="<?php echo $compra->total_compra; ?>"
                                    data-modopago="<?php echo $compra->modo_pago; ?>"
                                    data-nota="<?php echo $compra->descripcion; ?>"
                                    >Ver más</button>
                            <button class="btn btn-mini btn-danger eliminarCompra"
                                    data-nombreproducto="<?php echo $compra->nombre_producto; ?>"
                                    data-idcompra="<?php echo $compra->id_compra; ?>"
                                    >x</button>
                        </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
        <div class="row-fluid">
            <div id="paginacion" class="pagination pull-right"
                 data-categoria="<?php if (!empty($_GET["categoria"])) echo $_GET["categoria"]; ?>"
                 data-producto="<?php if (!empty($_GET["producto"])) echo $_GET["producto"]; ?>"
                 data-estatus="<?php if (!empty($_GET["tipo"])) echo $_GET["tipo"]; ?>"
                 data-desde="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"
                 data-hasta="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"
                 data-usuario="<?php if (!empty($_GET["usuario"])) echo $_GET["usuario"]; ?>"
                 >
                <ul>
                    <li class="<?php
                    if ($paginaActiva == 1)
                        echo "active";
                    else
                        echo "noActive";
                    ?>"><a data-page="1">1</a></li>
                        <?php for ($i = 2; $i <= $cantidadPaginas; $i++) { ?>
                        <li class="<?php
                        if ($paginaActiva == $i)
                            echo "active";
                        else
                            echo "noActive";
                        ?>"><a data-page="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                        <?php } ?>
                </ul>
            </div> 
        </div>
        <div class="row-fluid ">
            <div class="alert alert-success span4 offset4">
                N° de compras:  <strong><?php echo $cantidadCompras ?></strong> <br>
                Cantidad de productos: <strong><?php echo $resumenCompras[0]->cantidad_productos; ?></strong> <br>
                Total por compras: <strong><?php echo $moneda . number_format($resumenCompras[0]->total, 2, ".", ","); ?></strong> <br>
            </div>
        </div>
    </div>
</div>
<div id="verMasCompra"  class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Información de la Compra</h4>
        <h5 class=" alingCenter" id="myModalLabel"> Fecha: <span id="labelFechaVenta"></span> -  Usuario: <span id="labelUsuarioVenta"> </span></h5>

    </div>
    <div class="modal-body">            
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Categoria:</label>
                </div>
                <div class="span8">
                    <input  id="mostrarCategoria" type="text"  readonly>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Producto:</label>
                </div>
                <div class="span8">                      
                    <input  id="mostrarProductoServicio" type="text"  readonly>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Cantidad:</label>
                </div>
                <div class="span8">
                    <input id="mostrarCantidad"  type="text" readonly="readonly">
                </div>
            </div>



            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Subtotal:</label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarSubtotal"  type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Impuestos:</label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarImpuestos"  type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right"><b>Total:</b></label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarTotal"  class="" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div id="divFormaDePago" class="row-fluid">                                    
                <div class="span4">
                    <label class="pull-right">Forma de pago</label>
                </div>
                <div class="span8">
                    <input id='modoPago'  class="input-medium requerido" type="text" readonly="readonly">
                </div>                                    
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Nota:</label>
                </div>
                <div class="span8">

                    <textarea id="mostrarNota" class="input-large" rows="2" readonly="readonly"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <a class="btn btn-inverse" data-dismiss="modal">Cerrar</a>
    </div>
</div>

<!-- Modal eliminar Compra-->
<div id="modalEliminarCompra" class="modal hide fade" style="display: none;">
    <form action="eliminarCompra"  class="formBlockDisplay" method="post">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">×</a>
            <h4>Eliminar consumo</h4>
        </div>
        <div class="modal-body">
            <p>¿Realmente desea eliminar la compra de <a id="nombreProducto"></a>?</p>
            <input id="id-compra" name="idCompra" type="text" class="hide">
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <input type="submit" class="btn btn-primary preservar" value="Eliminar">
        </div>
    </form>
</div>

<!-- Modal crear Compra-->
<div id="modalCrearCompra" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form id='formCrearCompra' action='crearCompra' class="formBlockDisplay" method='POST'>
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="alingCenter">Nueva compra</h4>

        </div>
        <div class="modal-body">
            <div class="row-fluid">
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Categoria:</label>
                    </div>
                    <div class="span8">
                        <select id="agregarCategoria" name="categoria"  class='requerido'>
                            <option value="">Seleccionar...</option>
                            <?php foreach ($categorias as $row) { ?>
                                <option value="<?php echo $row->id_categoria_producto; ?>" data-tieneInventario='<?php echo $row->tiene_inventario; ?>'><?php echo $row->nombre; ?></option>
                            <?php } ?>
                        </select>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Producto:</label>
                    </div>
                    <div class="span8">
                        <select id="agregarProductoServicio" name="productoServicio"  class='requerido' readonly='readonly'></select>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Costo unitario:</label>
                    </div>
                    <div class="span8">
                        <div class="input-prepend input-append">
                            <span class="add-on"><?php echo $moneda ?></span>
                            <input id="agregarPrecioUnitario" name="precioUnitario" class="input-medium requerido money" type="text">
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Cantidad:</label>
                    </div>
                    <div class="span8">
                        <input id="agregarCantidad" name="cantidad" class='requerido soloNumeros input-medium' type="text">


                    </div>
                </div>

                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Subtotal:</label>
                    </div>
                    <div class="span8">
                        <div class="input-prepend input-append">
                            <span class="add-on"><?php echo $moneda ?></span>
                            <input id="agregarSubtotal" name="subtotal" class="input-medium requerido" type="text" readonly="readonly">
                        </div>
                    </div>
                </div>

                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Impuestos:</label>
                    </div>
                    <div class="span8">
                        <div class="input-prepend input-append">
                            <span class="add-on"><?php echo $moneda ?></span>
                            <input id="nuevoImpuesto" name="impuestos" class="input-medium requerido money" type="text">
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right"><b>Total:</b></label>
                    </div>
                    <div class="span8">
                        <div class="input-prepend input-append">
                            <span class="add-on"><?php echo $moneda ?></span>
                            <input id='agregarTotal' name='totalV' class="input-medium requerido" type="text" readonly="readonly">
                        </div>
                    </div>
                </div>
                <div id="divFormaDePago" class="row-fluid">                                    
                    <div class="span4">
                        <label class="pull-right">Forma de pago</label>
                    </div>
                    <div class="span8">
                        <select id="modoPagoSelected" name="modoPago" class="requerido">
                            <option value="Efectivo">Efectivo</option>
                            <option value="Deposito Bancario">Deposito Bancario</option>
                            <option value="Tarjeta Debito">Tarjeta Debito</option>
                            <option value="Tarjeta Crédito">Tarjeta Crédito</option>
                        </select>
                    </div>                                    
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <label class="pull-right">Nota:</label>
                    </div>
                    <div class="span8">
                        <textarea id="agregarNota" name="nota" class="input-large"  rows="2"></textarea>
                    </div>
                </div>

            </div>
        </div>
        <div class="modal-footer">
            <a class="btn" data-dismiss="modal">Cancelar</a>
            <a id="enviarFormCrearCompra" class="btn btn-inverse">Agregar</a>
        </div>
    </form>
</div>
